
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no" />
    <title>钱包</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <!-- <link rel="stylesheet" type="text/css" href="../../css/style.css" /> -->
    <style>
        body{
            font-size: 14px;
        }
        footer.aui-nav{
            z-index: 99999;
        }
        header.aui-bar{
            background: #fff;
        }
        .aui-title{
            color:#000;
        }
        .aui-nav .aui-bar-tab .active .aui-iconfont, .aui-nav .aui-bar-tab .active p{
            color:#327afa !important;
        }
        .active{
            color:#327afa !important;
        }
        .aui-tab-nav li.active {
            color: #327afa;
            border-bottom: 2px #327afa solid;
        }
        .aui-bar .aui-iconfont{
            color:#000;
        }
        .walletInfo{
            position: relative;
            width: 100%;
            overflow: hidden;
            background: #f67b86;
            text-align: left;
            padding:0 0 15px 15px;
        }
        .walletInfo p{
            font-size: 28px;
            color: #fff;
            line-height: 28px;
        }
        .tixianBtn{
            color: #fff;
            border:1px solid #fff;
            display: inline-block;
            padding:12px 22px;
            position: absolute;
            right: 15px;
            top:25px;
            line-height: 12px;
            border-radius: 5px;
        }
        .wallet_set{
            /*position: absolute;*/
            color: #000;
        }
    </style>
</head>
<body>
<header class="aui-bar aui-bar-nav aui-border-b">
    <div class="aui-pull-left aui-iconfont aui-icon-left icon-left-coler" tapmode onclick="closeWin()"></div>
    <div class="aui-title">
        钱包
    </div>
    <!--<div class="wallet_set aui-pull-right" tapmode onclick="openToTwo('walletSet')">
        设置
    </div>-->
    <div class="walletInfo">
        <span>当前金额（元）</span>
        <p>6800.00</p>
        <span class="tixianBtn" tapmode onclick="openToTwo('tixian')">提现</span>
    </div>
    <!--<ul class="aui-tab-nav aui-border-t haderTitle">
        <li class="active" data-type="shouru" tapmode onclick="changeCheck(this)">
            收入明细
        </li>
        <li data-type="tixian" tapmode onclick="changeCheck(this)">
            提现明细
        </li>
    </ul>-->
</header>
<footer class="aui-nav" id="aui-footer">


</footer>

</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/jquery-1.11.3.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
        var mobile = api.pageParam.mobile;
        var header = $api.dom('header');
        //$api.fixStatusBar(header);
        api.setStatusBarStyle({
            style : 'light'
        });
        var header_h = $api.offset(header).h;
        var body_h = $api.offset($api.dom('body')).h - header_h;
        api.openFrame({
            name : 'myAssets_frm',
            url : 'myAssets_frm.html',
            rect : {
                x : 0,
                y : header_h,
                w : 'auto',
                h : body_h
            },
            pageParam : {
                mobile : mobile
            },
            bounces : false,
            vScrollBarEnabled : false,
            hScrollBarEnabled : false
        });
    }
    //为了在下面的热门类别可以通用，单独出来
    function changeCheck(obj){
        $(obj).parent().find("li").removeClass("active");
        $(obj).addClass("active");
        var type=$(obj).attr("data-type");
        api.execScript({
            frameName:"wallet_frm",
            script:"changeContent('"+type+"')"
        })
    }
</script>
</html>
